<script setup lang="ts">
import Header from "../../components/Header/index.vue";
import Aside from "../../components/Aside/index.vue"
</script>

<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="200px">
        <Aside></Aside>
      </el-aside>
      <el-container>
        <el-header>
          <Header></Header>
        </el-header>
        <el-main>
          <RouterView></RouterView>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<style scoped lang="less">
:deep(.el-header) {
  padding: 0;
  border-bottom: 0px;
}

:deep(.header-box[data-v-eef40c4c]) {
  border-bottom: 0px;
}

:deep(.el-aside) {
  height: 100vh;
  background-color: #24323f;
  min-height: 90%;
}

// .home-container {
//   width: 100%;
//   justify-content: center;
// }</style>
